<template>
    <div class="intro">
        My name is LinYuan(林任骏) , I am studying in SCUT in Guangzhou,I would to meet some friendly people.
        this website is used to recod my life , not only study but also some meaningful things in my normal life.
        <br>
        🎥 Movie ： Movie realy mean much to my lonely soul
        <br>
        🏂 surfing the internet
        <br>
        🚲 bycycle Ukelele(尤克里里) i like
    </div>
    <div class="grapp">
        <app-box v-for="(item,index) in myApp" :key="index" :info="item"></app-box>
    </div>
    
</template>

<script>
import AppBox from '../components/app-box.vue'
export default {
    data() {
        return {
            myApp: []
        }
    },
    components: {
        AppBox
    },
    created() {
        this.myApp = [{
            title: "Note",
            intro: "记录一些学习的笔记",
            link: "/note"
        },{
            title: "Movie",
            intro: "记录一些我看过的一些电影",
            link: "/movieList",
        },{
            title: "essay",
            intro: "一些杂记",
            link: "/essay"
        },{
            title: "Ukelele",
            intro: "平时弹的一些尤克里里曲子",
            link: "/ukelele"
        },{
            title: "Photo",
            intro: "我也好喜欢拍照",
            link: "/photo"
        },{
            title: "Project",
            intro: "自己做的一些项目",
            link: "/project"
        },{
            title: "留言板",
            link: "/messageBox",
            intro: "给我留言吧，我肯定会回复的"
        }]
    }
}
</script>

<style scoped>
    .intro {
        margin-left: 35px;
        font-size: 30px;
        font-family: "weikai";
    }
    .grapp {
        margin-top: 45px;
        display: flex;
        flex-wrap: wrap;
    }
</style>